.product{

  .banner{

    swiper-item{

      image{
        width:100%;
      }
    }
  }

  .price{
    margin-top:20rpx;
    color: rgb(255,68,68);
    font-size:32rpx;

    font-weight:bold;

    padding:0rpx 20rpx;

    .current-price{

    }

    .old-price{
      text-decoration:line-through;
      font-weight:normal;
      color:#777;
      font-size: 26rpx;
      margin-left:10rpx;
    }

    .sale-number{

      color:#777;
      float:right;
      margin-right:20rpx;
      font-weight: normal;
      font-size: 28rpx;

    }
  }

  .name{

    margin-top:20rpx;
    padding:0rpx 20rpx;
    font-size:32rpx;
  }

  .pindan-module{

    //height:500rpx;
    height:auto;
    overflow: hidden;
    padding:0rpx 20rpx 20rpx;

    .head{

      height:60rpx;
      line-height:60rpx;

      display:flex;
      justify-content: space-between;

      border-bottom:solid 1px #ddd;
      align-items: center;
      .tit{

      }

      .more{
        display:flex;
        align-items: center;
        color:gray;
        font-size:24rpx;
        .arrow{

        }
      }



    }

    .list{
      height:300rpx;
      .item{

        display:flex;
        justify-content: space-between;
        align-items: center;
        height:100rpx;
        border-bottom:solid 1px #ddd;
        .customer{

          display:flex;
          align-items: center;
          .photo{

            width:80rpx;
            height:80rpx;
            border-radius:40rpx;
            overflow: hidden;
            margin-right:10rpx;

          }

          .nickname{
            font-size: 28rpx;
          }

        }

        .pindan-btn{

          display: flex;
          align-items: center;

          .progress{
            font-size:24rpx;
            .number{

            }

            .time{

            }
          }


          .go{

            height:50rpx;
            width:120rpx;
            line-height:50rpx;
            margin-left:20rpx;
            text-align: center;
            font-size:28rpx;
            color:#fff;
            background-color: #ff3c29;
            border-radius: 10rpx;

          }

        }
      }
    }
  }

  .biaoqian{

    background-color: #fff;
    line-height:2;

    display: flex;
    justify-content: space-around;
    margin-bottom:10rpx;

    .head-comment,.head-xiangqing{

      text-align: center;

      &.active{

        &:after{
          content: "";
          display:block;
          border-bottom: solid 2px #ff6868;
        }

      }

    }



  }
  .detail{

    //padding:0 20rpx 0 20rpx;
    padding:0 20rpx 150rpx 20rpx;
  }

  .comment{
    padding:0 40rpx;
    margin-bottom:150rpx;
    .item{

      padding:40rpx 0 ;
      border-bottom:solid 1px #cdcdcd;
      &:last-child{
        border-bottom: none;
      }
      .author-date{

        display:flex;
        justify-content: space-between;
        align-items: center;
        font-size:26rpx;
        line-height:2;

        .avatar{
          display:flex;
          align-items: center;
          image{
            width:60rpx;
            height:60rpx;
            overflow:hidden;
            border-radius:30rpx;
          }
          .author{
            margin-left:20rpx;
          }
        }


        .date{

        }

      }
      .score{
        width:60px;
        .star{
          &.one{
            width:20%;
          }
          &.two{
            width:40%;
          }
          &.three{
            width:60%;
          }
          &.four{
            width:80%;
          }
          &.five{
            width:100%;
          }
          image{
            width:60px;
          }
        }
      }
      .content{

        margin-top:20rpx;
        color: #33331c;
        font-size:28rpx;
      }

      .img-show{

        display:flex;
        justify-content: flex-start;
        margin:20rpx 0 0;

        a{

          display:block;
          flex:none;
          width:33%;
          box-sizing: border-box;
          padding:0 10rpx 0 0;

          image{

            width:100%;

          }
        }
      }
    }
  }

  .bottom-panel{

    position:fixed;
    bottom:0;
    width:100%;
    height:120rpx;
    padding:0 20rpx;


    background-color: #fff;
    box-shadow: 0 -3rpx 10rpx #ddd;

    display:flex;
    align-items: center;
    justify-content: space-between;

    .cart{

      position: relative;
      image{
        width:60rpx;
      }

      .number{

        position: absolute;

        right:-10rpx;
        top:-10rpx;
        font-size:20rpx;
        width:30rpx;
        height:30rpx;
        border-radius: 15rpx;
        overflow: hidden;
        background-color: #ff6868;
        color:#fff;
        text-align: center;

      }


    }

    .button-group{
      width:480rpx;
      height:80rpx;
      line-height:80rpx;

      vertical-align: middle;
      text-align: center;
      color:#fff;
      font-size:28rpx;
      font-weight:bold;
      border-radius: 40rpx;
      overflow: hidden;

      .add-cart{

        width:50%;
        display:inline-block;
        height:100%;

        //border-top-left-radius: 40rpx;
        //border-bottom-left-radius: 40rpx;
        background-color:rgb(255,136,85);
      }

      .buy{
        //border-top-right-radius: 40rpx;
        //border-bottom-right-radius: 40rpx;

        display:inline-block;
        width:50%;
        height:100%;
        background-color:rgb(255,68,68);
      }
    }


  }
}